3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2016 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2016-04-26T21:34:05Z
11 .oo-ui-draggableElement-handle
,
12 .oo-ui-draggableElement-handle.oo-ui-widget {
14 cursor: url
(images
/grab
.cur
);
19 .oo-ui-draggableElement-handle:active {
21 cursor: url
(images
/grabbing
.cur
);
22 cursor: -webkit-grabbing
;
23 cursor: -moz-grabbing
;
26 .oo-ui-draggableElement-handle
.oo-ui-widget-disabled
,
27 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
30 .oo-ui-draggableElement-placeholder {
33 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
34 display: inline-block
;
36 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
40 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
43 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
45 -webkit-box-sizing: border-box
;
46 -moz-box-sizing: border-box
;
47 box-sizing: border-box
;
49 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
52 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
55 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
63 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
69 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
72 .oo-ui-bookletLayout-outlinePanel {
73 border-right: 1px solid
#dddddd;
75 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
76 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
78 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
81 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
84 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
87 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
90 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
100 .oo-ui-menuLayout-menu
,
101 .oo-ui-menuLayout-content {
103 -webkit-transition: all
200ms ease
;
104 -moz-transition: all
200ms ease
;
105 transition: all
200ms ease
;
107 .oo-ui-menuLayout-menu {
111 .oo-ui-menuLayout-content {
117 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
119 height: 0 !important
;
122 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
126 bottom: 0 !important
;
128 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
129 width: auto
!important
;
134 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
136 bottom: 0 !important
;
139 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
140 height: auto
!important
;
145 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
146 bottom: 0 !important
;
150 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
151 width: auto
!important
;
156 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
161 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
162 height: auto
!important
;
167 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
170 bottom: 0 !important
;
172 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
176 .oo-ui-buttonSelectWidget {
177 display: inline-block
;
182 .oo-ui-buttonSelectWidget:last-child {
185 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
189 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
190 border-bottom-left-radius: 2px;
191 border-top-left-radius: 2px;
194 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
195 border-bottom-right-radius: 2px;
196 border-top-right-radius: 2px;
198 .oo-ui-buttonOptionWidget {
199 display: inline-block
;
201 background-color: transparent
;
203 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
206 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
207 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
209 display: inline-block
;
210 vertical-align: middle
;
212 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
213 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
214 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
215 background-color: transparent
;
217 .oo-ui-toggleButtonWidget {
218 display: inline-block
;
219 vertical-align: middle
;
222 .oo-ui-toggleButtonWidget:last-child {
225 .oo-ui-toggleSwitchWidget {
227 display: inline-block
;
228 vertical-align: middle
;
230 -webkit-box-sizing: border-box
;
231 -moz-box-sizing: border-box
;
232 box-sizing: border-box
;
233 -webkit-transform: translateZ
(0);
234 -moz-transform: translateZ
(0);
235 -ms-transform: translateZ
(0);
236 transform: translateZ
(0);
239 border: 1px solid
#777777;
241 background-color: #ffffff;
243 -webkit-transition: background-color
100ms, border-color
100ms;
244 -moz-transition: background-color
100ms, border-color
100ms;
245 transition: background-color
100ms, border-color
100ms;
247 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
250 .oo-ui-toggleSwitchWidget-grip {
253 -webkit-box-sizing: border-box
;
254 -moz-box-sizing: border-box
;
255 box-sizing: border-box
;
257 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
263 -webkit-touch-callout: none
;
264 -webkit-user-select: none
;
265 -moz-user-select: none
;
266 -ms-user-select: none
;
269 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
272 .oo-ui-toggleSwitchWidget:last-child {
275 .oo-ui-toggleSwitchWidget:before {
283 border: 1px solid transparent
;
287 .oo-ui-toggleSwitchWidget-grip {
291 border-radius: 1.2em;
292 background-color: #555555;
293 -webkit-transition: left
100ms, margin-left
100ms;
294 -moz-transition: left
100ms, margin-left
100ms;
295 transition: left
100ms, margin-left
100ms;
297 .oo-ui-toggleSwitchWidget-glow {
300 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
304 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
308 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
309 background-color: #347bff;
310 border-color: #347bff;
312 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
313 background-color: #ffffff;
314 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
316 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
317 border-color: #2962cc;
319 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover.oo-ui-toggleWidget-on {
320 background-color: #2962cc;
321 border-color: #2962cc;
323 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
324 border-color: #347bff;
327 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on {
328 border-color: #347bff;
330 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on:before {
331 border-color: #ffffff;
333 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
334 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover {
335 background-color: #347bff;
336 border-color: #347bff;
338 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
339 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip {
340 background-color: #ffffff;
341 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
343 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
344 background-color: #dddddd;
345 border-color: #dddddd;
348 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled .oo-ui-toggleSwitchWidget-grip {
349 background-color: #ffffff;
351 .oo-ui-progressBarWidget {
353 background-color: #ffffff;
354 border: 1px solid
#cccccc;
358 .oo-ui-progressBarWidget-bar {
359 background-color: #dddddd;
361 -webkit-transition: width
200ms, margin-left
200ms;
362 -moz-transition: width
200ms, margin-left
200ms;
363 transition: width
200ms, margin-left
200ms;
365 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
366 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
367 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
368 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
371 border-left-width: 1px;
373 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
376 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
384 @-moz-keyframes oo-ui-progressBarWidget-slide
{
392 @keyframes oo-ui-progressBarWidget-slide
{
400 .oo-ui-selectFileWidget {
401 display: inline-block
;
402 vertical-align: middle
;
407 .oo-ui-selectFileWidget-selectButton {
409 vertical-align: middle
;
411 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
415 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type="file"] {
429 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type="file"] {
432 .oo-ui-selectFileWidget-info {
435 vertical-align: middle
;
438 -webkit-box-sizing: border-box
;
439 -moz-box-sizing: border-box
;
440 box-sizing: border-box
;
442 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
448 text-overflow: ellipsis
;
450 .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileType {
453 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
454 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
455 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
458 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-clearButton {
461 .oo-ui-selectFileWidget-dropTarget {
467 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
468 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
471 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
475 background-size: cover
;
476 background-position: center center
;
478 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
479 background-size: auto
;
481 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
483 background-color: #cccccc;
487 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
495 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
498 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileName {
500 padding-right: 2.375em;
502 text-overflow: ellipsis
;
504 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileType {
508 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
512 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
515 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
518 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
519 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
522 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
526 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
527 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
530 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
531 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
534 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
535 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
538 .oo-ui-selectFileWidget:last-child {
541 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
544 .oo-ui-selectFileWidget-info {
546 background-color: #ffffff;
547 border: 1px solid
#cccccc;
550 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
556 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
557 -webkit-box-sizing: border-box
;
558 -moz-box-sizing: border-box
;
559 box-sizing: border-box
;
565 text-overflow: ellipsis
;
570 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
573 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
577 margin-right: 0.775em;
579 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
585 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
588 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
589 background-color: #f3f3f3;
591 text-shadow: 0 1px 1px #ffffff;
592 border-color: #dddddd;
595 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
596 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
599 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
602 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
605 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
608 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
611 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
615 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
618 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
619 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
622 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
623 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
627 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
628 background-color: #ebf2ff;
630 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
631 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
632 border-color: #dddddd;
633 background-color: #f3f3f3;
635 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
636 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
637 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
638 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
640 text-shadow: 0 1px 1px #ffffff;
642 .oo-ui-selectFileWidget-dropTarget {
643 background-color: #ffffff;
644 border: 1px solid
#cccccc;
645 margin-bottom: 0.5em;
646 vertical-align: middle
;
650 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
651 background-color: #eeeeee;
652 border-style: dashed
;
654 .oo-ui-outlineOptionWidget {
657 -webkit-touch-callout: none
;
658 -webkit-user-select: none
;
659 -moz-user-select: none
;
660 -ms-user-select: none
;
665 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
666 font-size: 90.90909%;
668 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
669 padding-right: 1.5em;
671 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
674 .oo-ui-outlineOptionWidget-level-0 {
677 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
680 .oo-ui-outlineOptionWidget-level-1 {
683 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
686 .oo-ui-outlineOptionWidget-level-2 {
689 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
692 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
693 background-color: #d0d0d0;
694 text-shadow: 0 1px 1px #ffffff;
696 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
699 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
702 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
705 .oo-ui-outlineControlsWidget {
707 background-color: #ffffff;
709 .oo-ui-outlineControlsWidget-items
,
710 .oo-ui-outlineControlsWidget-movers {
712 -webkit-box-sizing: border-box
;
713 -moz-box-sizing: border-box
;
714 box-sizing: border-box
;
716 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
718 background-position: right center
;
720 .oo-ui-outlineControlsWidget-items {
723 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
726 .oo-ui-outlineControlsWidget-movers {
729 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
732 .oo-ui-outlineControlsWidget-items
,
733 .oo-ui-outlineControlsWidget-movers {
735 margin: 0.5em 0.5em 0.5em 0;
738 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
741 margin: 0.5em 0 0.5em 0.5em;
744 .oo-ui-tabSelectWidget {
748 background-color: #dddddd;
750 .oo-ui-tabOptionWidget {
751 display: inline-block
;
752 vertical-align: bottom
;
754 margin: 0.5em 0 0 0.75em;
755 border: 1px solid transparent
;
757 border-top-left-radius: 2px;
758 border-top-right-radius: 2px;
762 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
763 background-color: rgba
(255, 255, 255, 0.3);
765 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
766 background-color: rgba
(255, 255, 255, 0.8);
768 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
769 padding-right: 1.5em;
771 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
774 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
775 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
776 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
777 background-color: #ffffff;
780 .oo-ui-capsuleMultiSelectWidget {
781 display: inline-block
;
786 .oo-ui-capsuleMultiSelectWidget-handle {
791 .oo-ui-capsuleMultiSelectWidget-content {
794 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-content > input {
797 .oo-ui-capsuleMultiSelectWidget-group {
800 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
804 .oo-ui-capsuleMultiSelectWidget-handle {
805 background-color: #ffffff;
809 padding: 0.15em 0.25em;
810 border: 1px solid
#cccccc;
812 -webkit-box-sizing: border-box
;
813 -moz-box-sizing: border-box
;
814 box-sizing: border-box
;
816 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
819 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
820 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
823 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input {
825 line-height: 1.675em;
829 font-family: inherit
;
830 background-color: transparent
;
832 vertical-align: middle
;
834 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input:focus {
837 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
838 padding-right: 2.4875em;
840 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
845 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
846 padding-left: 2.475em;
848 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
853 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
854 border-color: #aaaaaa;
856 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
858 text-shadow: 0 1px 1px #ffffff;
859 border-color: #dddddd;
860 background-color: #f3f3f3;
863 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
864 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
867 .oo-ui-capsuleItemWidget {
869 display: inline-block
;
874 -webkit-box-sizing: border-box
;
875 -moz-box-sizing: border-box
;
876 box-sizing: border-box
;
877 vertical-align: middle
;
882 background-color: #eeeeee;
883 border: 1px solid
#cccccc;
887 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
888 display: inline-block
;
889 text-overflow: ellipsis
;
892 .oo-ui-capsuleItemWidget:focus {
894 border-color: #347bff;
896 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
898 text-shadow: 0 1px 1px #ffffff;
899 border-color: #dddddd;
900 background-color: #f3f3f3;
902 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
906 .oo-ui-searchWidget-query {
912 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
915 .oo-ui-searchWidget-results {
923 .oo-ui-searchWidget-query {
926 border-bottom: 1px solid
#cccccc;
928 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
931 .oo-ui-searchWidget-results {
936 .oo-ui-numberInputWidget {
937 display: inline-block
;
941 .oo-ui-numberInputWidget-field {
946 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
947 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
949 vertical-align: middle
;
951 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
954 .oo-ui-numberInputWidget-field
> .oo-ui-textInputWidget
[type
="number"]::-webkit-outer-spin-button
,
955 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"]::-webkit-inner-spin-button {
956 -webkit-appearance: none
;
959 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"] {
960 -moz-appearance: textfield
;
962 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
965 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
966 -webkit-box-sizing: border-box
;
967 -moz-box-sizing: border-box
;
968 box-sizing: border-box
;
970 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
973 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
974 border-top-right-radius: 0;
975 border-bottom-right-radius: 0;
976 border-right-width: 0;
978 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
979 border-top-left-radius: 0;
980 border-bottom-left-radius: 0;
981 border-left-width: 0;
983 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {